
<template>

  <div class="about">
    <div id="__nuxt" data-server-rendered="true">
      <div id="__layout">
        <div data-fetch-key="0" class="app light macwk-animation">
          <top :message11="acticve" />
          <div class="layout-min-full-height">
            <div class="macwk-about-section">
              <img src="../static/picture/downie-4.png" class="people">
              <img src="../static/picture/xmin-zen.png" class="people">
              <img src="../static/picture/sketch-1.png" class="people">
              <img src="../static/picture/imazing.png" class="people">
              <img src="../static/picture/alfred-powerpack.png" class="people">
              <img src="../static/picture/movist.png" class="people">
              <div class="container">
                <h1 class="fw-600 text-center">Example - 快速软件开发框架</h1>
                <p class="sub-title text-center fs-20">旨在帮助开发人员更高效地构建应用程序</p>
                <div class="inner-container">
                  <div class="main-content">
                    <div class="macwk-about-slider">
                      <div class="item">
                        <p>在时光加速的世界</p>
                        <p><span class="fw-600 text-primary fs-22">Example</span>带你畅享软件开发的快感</p>
                        <p>简单配置，轻松构建应用程序</p>
                        <p>让你在编码的舞台上独领风骚</p>
                        <p>不再为重复编写代码而发愁</p>
                        <p>高效开发，更多创造力流淌</p>
                        <p>扩展随心，完美定制，满足你的每个需求</p>
                        <p><span class="fw-600 text-primary fs-22">Example</span>引领你开发之路</p>
                        <p>成就非凡</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="macwk-footer white border-top pc-model" >
            <div class="container" >
              <a href="index1.html" class="logo" >
                <svg id="macwk-svg-logo" width="32" height="32" xmlns="http://www.w3.org/2000/svg"  >
                  <title >Example</title>
                    <lineargradient id="a" x1="50%" y1="0%" x2="50%" y2="100%" >
                      <stop offset="0%" class="stop-color-circle"  />
                      <stop offset="100%" class="stop-color-circle"  />
                    </lineargradient>
                    <lineargradient id="b" x1="100%" y1="86.198%" x2="-14.813%" y2="-4.357%" >
                      <stop offset="0%" class="stop-color-default"  />
                      <stop offset="40.927%" class="stop-color-default"  />
                      <stop offset="100%" class="stop-color-default"  />
                    </lineargradient>
                    <lineargradient id="c" x1="86.515%" y1="24.533%" x2="0%" y2="24.533%" >
                      <stop stop-opacity="0" offset="0%" class="stop-color-default"  />
                      <stop offset="100%" class="stop-color-default-linearGradient"  />
                    </lineargradient>x
                  <g fill="none" fill-rule="evenodd" >
                    <path d="M29.952 16c0-1.933-1.562-3.5-3.488-3.5a3.494 3.494 0 0 0-3.488 3.5c0 1.933 1.561 3.5 3.488 3.5a3.494 3.494 0 0 0 3.488-3.5" fill="url(#a)"  />
                    <path d="M25.865 25.9a13.932 13.932 0 0 1-6.377 3.66c-1.115.286-2.284.44-3.488.44a13.893 13.893 0 0 1-10.512-4.797A13.968 13.968 0 0 1 2.048 16c0-3.523 1.298-6.742 3.44-9.203A13.893 13.893 0 0 1 16 2c1.204 0 2.373.154 3.488.44a13.932 13.932 0 0 1 6.377 3.66l-4.933 4.95A6.942 6.942 0 0 0 16 9c-3.852 0-6.976 3.134-6.976 7l.002.18C9.122 19.964 12.208 23 16 23c1.926 0 3.67-.784 4.932-2.05l4.933 4.95z" fill="url(#b)"  />
                    <path d="M20.932 11.05A6.942 6.942 0 0 0 16 9c-3.852 0-6.976 3.134-6.976 7a13.98 13.98 0 0 1 4.087-9.9 13.932 13.932 0 0 1 6.377-3.66l1.444 8.61z" fill="url(#c)"  />
                  </g>
                </svg> <span class="ml-4">{{this.glabledata.glableSitTitle }}</span></a>
                <div class="nav" >
                  <router-link to="/">
                    <a class="nav-link active"  aria-current="page">首页</a>
                  </router-link>
                  <a href="https://gitee.com/example-cloud" class="nav-link">联系</a>
                  <router-link to="/privacy">
                    <a class="nav-link" >隐私</a>
                  </router-link>
                  <a href="https://gitee.com/example-cloud" class="nav-link">版本检测</a>
                  <a href="https://gitee.com/example-cloud" class="nav-link">更新日志</a>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
</template>

<script>
import { mapState } from "vuex";
import top from './components/top.vue'
import foot from './components/foots.vue'

export default ({
  name: 'about',
  components: {top, foot},
  computed: {
      ...mapState(["glabledata"]),
  },
  data() {
    return {
      acticve:'nav-link active',
    }
  },

})
</script>
